// 用ES6模块化支持导入 jQuery 模块
import $ from 'jquery'; 

// 使用 import 语句导入 CSS文件 (将CSS视为模块直接导入)
import './index.css';

// 导入 .less 文件
import './footer.less';

// 导入 .scss 文件
import './header.scss';

// 采用默认导入的方式导入图片
import kaifamiao from './kfm.jpg';

const logoContainer = document.querySelector('.logo-container');
const logoImage = document.createElement('img');
logoImage.setAttribute('src', kaifamiao );
logoContainer.appendChild(logoImage);

// 使用导入的 jQuery 模块
$(function(){
	$('#app').html( new Date().toISOString() )
             .height('50px')
             .width('80%')
             .css({ margin: '25px auto' , border: '1px solid blue' });
});

// 导入 Vue 提供的支持
import { createApp } from 'vue';

import Hello from './Hello.vue';

const application = createApp( Hello );
application.mount( '.hello-vue' );